<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>商城序列表</title>

    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1522966_y3poote45bb.css"/>

    <link rel="stylesheet" href="../css/shagncen.css"/>

</head>
<body>

<header>
    <div flex="cross:center" class="div-1">
    <div class="div" flex="cross:center">
        <i class="iconfont icon-fangdajing"></i>
        <input src="text" placeholder="搜索商家，店铺，品牌名。">
    </div>
    <a href="#" class="a">搜索</a>
    </div>

</header>

<section>
<ul class="ul">
    <li flex="dir:top cross:center" class="li-1">
        <div class="div-2"></div>
        <p class="p">家用电器</p>
    </li>
    <li flex="dir:top cross:center" class="li">
        <div class="div-2"></div>
        <p class="p">手机数码</p>
    </li>
    <li flex="dir:top cross:center" class="li">
        <div class="div-2"></div>
        <p class="p">家用电器</p>
    </li>
    <li flex="dir:top cross:center" class="li">
        <div class="div-2"></div>
        <p class="p">家用电器</p>
    </li>
    <li flex="dir:top cross:center" class="li">
        <div class="div-2"></div>
        <p class="p">家</p>
    </li>
</ul>
</section>
<section>

    <div>
        <div class="div2">
            <span >综合排序</span>
            <i class="iconfont  icon-triangle-top"></i>
        </div>

        <span>附近商家</span>
        <span>选择地区</span>
    </div>
</section>




















</body>
</html>